<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="../layui/css/layui.css" rel="stylesheet" />
    <link href="../css/login.css" rel="stylesheet" />
</head>
<body>
<form class="layui-form">
<div class="layui-input-inline">
    <input type="text" name="id"  id="id" placeholder="请输入id" autocomplete="off" class="layui-input">
</div>
<button lay-submit class="layui-btn layui-btn-radius layui-btn-normal"  lay-filter="formDemo">查找</button>
<!--<div class="layui-container">
<table class="layui-hide" id="reg"></table>
</div>-->
<table class="layui-hide" id="reg"></table>
</form>
<script src="../js/jquery.min.js"></script>
<script src="../layui/layui.js"></script>
<script>
    /*加载模块*/
    layui.use(['table','form'],function() {
        var form = layui.form,
            $=layui.$,
            table=layui.table;

        /*表格外层渲染到网页*/
        table.render({
            elem: '#reg'       /*绑定要把数据生成在哪里*/
            , url: 'http://localhost:8090/reg/getReg'/*获取数据的地址 请求地址*/
            , cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
            , method: 'get'
            , response: {
                statusName: 'code',// 对应 code
                msgName: 'msg', // 对应 msg
                dataName: 'data' // 对应 data
            }
            //parseData对数据进行重新映射    res就是后台返回的数据
            , parseData: function (res) { //res 即为原始返回的数据
                return {
                    "code": res.code == 200 ? 0 : res.code, //解析接口状态
                    "data": res.data //解析数据列表
                };
            }
            , cols: [[
                {field: 'id', width: 70, title: 'id'},
                {field: 'patientId', width: 130, title: '病人表主键ID'},
                {field: 'scheduleId', width: 130, title: '排期表主键ID'},
                {field: 'userId', width: 130, title: '用户表主键ID'},
                {field: 'departmentId', width: 100, title: '就诊科室表主键ID'},
                {field: 'roomId', width: 100, title: '就诊房间表主键ID'},
                { width: 100, title: '挂号单状态',templet:function (d) {
                        return d.status==1?'已挂号，未问诊':'正在问诊'
                    }},
                {field: 'fee', width: 100, title: '挂号费'},
                {field: 'payFee', width: 100, title: '实际支付挂号费(￥)'},
                {field: 'medicareFee', width: 100, title: '医保报销费(￥)'},
                {width: 100,title: '是否使用医保卡',templet:function (s){
                    return s.isMedicare==1?'未使用':'已使用'
                    }},
                {field: 'registryTime',width: 100,title: '挂号时间'},
                {field: 'consultationTime',width: 100,title: '医生问诊时间'},
                {field: 'createdTime',width: 100,title: '创建时间'},
                {field: 'updatedTime',width: 100,title: '修改时间'},
            ]]
        });



        /*监听提交*/
        form.on('submit(formDemo)', function(){
            table.render({
                elem: '#reg'
                ,url: 'http://localhost:8090/reg/getReg'
                ,cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
                ,method:'get'
                ,where:{
                    "id":$("#id").val(),
                }
                ,response:{
                    statusName: 'code' ,// 对应 code
                    msgName: 'msg' , // 对应 msg
                    dataName: 'data' // 对应 data
                }
                ,parseData: function(res){ //res 即为原始返回的数据
                    return {
                        "code": res.code ==  200 ? 0 : res.code, //解析接口状态
                        "data": res.data //解析数据列表
                    };
                }
                ,cols: [[
                    {field: 'id', width: 70, title: 'id'},
                    {field: 'patientId', width: 130, title: '病人表主键ID'},
                    {field: 'scheduleId', width: 130, title: '排期表主键ID'},
                    {field: 'userId', width: 130, title: '用户表主键ID'},
                    {field: 'departmentId', width: 100, title: '就诊科室表主键ID'},
                    {field: 'roomId', width: 100, title: '就诊房间表主键ID'},
                    { width: 100, title: '挂号单状态',templet:function (d) {
                            return d.status==1?'已挂号，未问诊':'正在问诊'
                        }},
                    {field: 'fee', width: 100, title: '挂号费'},
                    {field: 'payFee', width: 100, title: '实际支付挂号费(￥)'},
                    {field: 'medicareFee', width: 100, title: '医保报销费(￥)'},
                    {width: 100,title: '是否使用医保卡',templet:function (s){
                            return s.isMedicare==1?'未使用':'已使用'
                        }},
                    {field: 'registryTime',width: 100,title: '挂号时间'},
                    {field: 'consultationTime',width: 100,title: '医生问诊时间'},
                    {field: 'createdTime',width: 100,title: '创建时间'},
                    {field: 'updatedTime',width: 100,title: '修改时间'},
                ]]
            });
            return false;
        });
    })


</script>
</body>
</html>